<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>壹码当先 - 忘记密码</title>
  <link href="/pages/css/kefu.css" rel="stylesheet">
  <script type="text/javascript" src="/pages/js/jquery001.js"></script>
  <script type="text/javascript" src="/pages/js/jquery.min.js"></script>
  <!-- Chosen CSS -->
  <link href="/pages/css/login-register.css" rel="stylesheet">
  <!-- Pretty Photo CSS -->
  <link href="/pages/css/prettyPhoto.css" rel="stylesheet">
  <!-- User + Register CSS -->
  <link href="/pages/css/login-register.css" rel="stylesheet">
  <!-- Custom Main StyleSheet CSS -->
  <link href="/pages/style.css" rel="stylesheet">
  <!-- Color CSS -->
  <link href="/pages/css/color.css" rel="stylesheet">
  <link href="/pages/css/color-2.css" rel="stylesheet">
  <!-- Responsive CSS -->
  <link href="/pages/css/responsive.css" rel="stylesheet">

  </head>

<body>
  <!--gt Wrapper Start-->  
  <div class="gt_wrapper">
    <!--Header Wrap Start-->
    <header class="gt_hdr2_wrap">
      <div class="gt_top2_wrap default_width">
      </div>
      <div class="gt_menu_bg default_width">
        <div class="container">
          <!--Logo Wrap Start-->
          <div class="gt_logo gt_logo_padding">
            <a href="/pages/index.html"><img src="/pages/images/logo-2.png" alt=""></a>
          </div>
        </div>
      </div>
    </header>
    <!--Header Wrap End-->

    <!--Sub Banner Wrap Start -->
    <div class="gt_sub_banner_bg default_width">
      <div class="container">
        <div class="gt_sub_banner_hdg  default_width">
          <h2>忘记密码</h2>
          <h6>壹码当先&nbsp;·&nbsp;让更多的孩子爱上编程</h6>
        </div>
      </div>
    </div>
    <!--Sub Banner Wrap End -->
    <!--Breadcrumb Wrap End -->
    <div class="gt_breadcrumb_bg default_width">
      <div class="container">
        <div class="gt_breadcrumb_wrap default_width">
            <ul>
                <li><a href="/pages/index.html">首页</a></li>
                <li><a href="#">忘记密码</a></li>
            </ul>
        </div>
      </div>
    </div>
    <!--Breadcrumb Wrap End -->

    <!--Main Content Wrap Start-->
    <div class="gt_content_wrap">
      <!--Login & Register Page Wrap Start-->
      <section>
        <div class="container">
          <div class="gt_lgin_tab_wrap">
            <div class="tab-content">
              <div class="gt_login_field">
                <input id="RegisterMobile" type="text" placeholder="手机号">
                <label><i class="fa fa-user"></i></label>
              </div>
              <div class="gt_login_field">
                <input id="VerificationCode" type="text" placeholder="手机验证码" style="width: 60%;">
                <input id="getting" onclick="getVerificationCode()" type="submit" value="获取验证码" style="width: 38%; height: 45px; font-size: 14px; line-height: 14px; margin: 0px 3px 0px; float: right;">
                <label><i class="fa fa-user"></i></label>
              </div>
              <div class="gt_login_field">
                <input id="RegisterPassword" type="password" placeholder="设置新密码">
                <label><i class="icon-lock"></i></label>
              </div>
              <div class="gt_login_field">
                <input id="AgainPassword" type="password" placeholder="再次输入新密码">
                <label><i class="icon-lock"></i></label>
              </div>
              <div class="gt_login_field">
                <a href="/pages/ymdx/login-register/login-register.html"><input id="UserRegister" type="submit" value="保存密码"></a>
              </div>

              <script type="text/javascript">
                $(function(){
                    /*仿刷新：检测是否存在cookie*/
                    if($.cookie("captcha")){
                        var count = $.cookie("captcha");
                        var btn = $('#getting');
                        btn.val(count+'秒后可重新获取').attr('disabled',true).css('cursor','not-allowed');
                        var resend = setInterval(function(){
                            count--;
                            if (count > 0){
                                btn.val(count+'秒后可重新获取').attr('disabled',true).css('cursor','not-allowed');
                                $.cookie("captcha", count, {path: '/', expires: (1/86400)*count});
                            }else {
                                clearInterval(resend);
                                btn.val("获取验证码").removeClass('disabled').removeAttr('disabled style');
                            }
                        }, 1000);
                    }
                    /*点击改变按钮状态，已经简略掉ajax发送短信验证的代码*/
                    $('#getting').click(function(){
                        var btn = $(this);
                        var count = 120;
                        var resend = setInterval(function(){
                            count--;
                            if (count > 0){
                                btn.val(count+"秒后可重新获取");
                                $.cookie("captcha", count, {path: '/', expires: (1/86400)*count});
                            }else {
                                clearInterval(resend);
                                btn.val("获取验证码").removeAttr('disabled');
                            }
                        }, 1000);
                        btn.attr('disabled',true).css('cursor','not-allowed');
                    });
                });
              </script>

            </div>
          </div>
        </div>
      </section>
      <!--Login & Register Page Wrap End-->
    </div>
    <!--Main Content Wrap End-->


    <!--Footer List Wrap Start-->
    <footer>
      <div class="gt_footer2_bg default_width">
        <div class="container">
          <div class="row">
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo_logo_wrap default_width">
                <a href="#"><img src="/pages/images/footer-logo.png" alt=""></a>
                  <p>L我们致力于打造最优质的少儿编程课业体系，立志在中国青少年群体中推广程序设计，让更多的孩子爱上编程，让更多的程序mead in china。</p>
                  <span><a href="/pages/ymdx/showpages/aboutus.html">详情</a></span>
              </div>
            </div>
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo2_link gt_widget2_hdg">
                  <h5>Quick links</h5>
                  <ul>
                      <li><a href="/pages/index.html">首页</a></li>
                      <li><a href="/pages/ymdx/course/course.html">课程介绍</a></li>
                      <li><a href="/pages/ymdx/showpages/showworks.html">作品展示</a></li>
                      <li><a href="/pages/ymdx/news/news.html">新闻资讯</a></li>
                  </ul>
                  <ul>
                      <li><a href="/pages/ymdx/showpages/aboutus.html">关于我们</a></li>
                      <li><a href="/pages/ymdx/showpages/cooperation.html">企业合作</a></li>
                  </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo_news gt_widget2_hdg">
                <h5>Recent Activities</h5>
                <ul>
                  <li>
                    <figure>
                      <img src="/pages/extra-images/testimonial-01.jpg" alt="">
                    </figure>
                    <div class="foo_news_content">
                      <a href="#">blalalalalablabla</a>
                    </div>
                  </li>
                  <li>
                    <figure>
                      <img src="/pages/extra-images/testimonial-02.jpg" alt="">
                    </figure>
                    <div class="foo_news_content">
                      <a href="#">blalalalalablabla</a>
                    </div>
                  </li>
                  <li>
                    <figure>
                      <img src="/pages/extra-images/testimonial-03.jpg" alt="">
                    </figure>
                    <div class="foo_news_content">
                      <a href="#">blalalalalablabla</a>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6">
              <div class="gt_widget2_hdg">
                <h5>Contact Us</h5>
                <p>欢迎关注公众号“壹码当先”，更多干货尽在分享</p>
                <ul class="gt_team1_contact_info">
                  <li><i class="fa fa-map-marker"></i>XXXXXXXXX </li>
                  <li><i class="fa fa-phone"></i>XXXXXXXXX </li>
                  <li><i class="fa fa-envelope"></i> <a href="#">iXXXXXXXX</a> </li>
                  <li><i class="fa fa-phone"></i>XXXXXXXX</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--Footer List Wrap End-->
      </div>
      </div>
      <!--Footer List Wrap End-->

      <!--Copyright Wrap End-->
      <div class="gt_copyright_wrap copyright2_bg">
        <div class="container">
            <div class="gt_copyright_des">  
                <p>Copyright © <a href="#">Edu-skill </a> 2016. All rights reserved.</p>
                <span>Created by: <a href="#">2goodtheme.com</a></span>
              </div>
          </div>
      </div>
      <!--Copyright Wrap Start-->

    <!-- sevice -->
      <div id="service">
      <ul>
          <li>
              <a href="#" class="zaixiankefu">
                  <img src="/pages/images/kefu/kefu.png" width="47" height="49"/>
              </a>
          </li>
          <li>
              <a href="javascript:void(0)" class="weixin_area">
                  <img src="/pages/images/kefu/weixin1.png" width="47" height="49" class="shows" />
                  <!-- <img src="../../images/kefu/weixin2.png" width="57" height="49" class="hides" /> -->
                  <img src="/pages/images/kefu/erweima.jpg" width="145" class="weixin" style="display:none;margin:-100px 57px 0 0; z-index: 2" />
              </a>
          </li>
          <li>
              <a href="#" target="_blank">
                  <div class="hides" style="width:161px;display:none;" id="qq">
                      <div class="hides" id="p1">
                          <img src="/pages/images/kefu/qq1.png">
                      </div>
                        <div class="hides" id="p2"><span style="color:#FFF;font-size:13px">XXXXXXXXXX</span>
                      </div>
                  </div>
                  <img src="/pages/images/kefu/qq2.png" width="47" height="49" class="shows" />
              </a>
          </li>
          <li id="tel">
              <a href="javascript:void(0)">
                  <div class="hides" style="width:161px;display:none;" id="tels">
                      <div class="hides" id="p1">
                          <img src="/pages/images/kefu/tel1.png">
                      </div>
                      <div class="hides" id="p3"><span style="color:#FFF;font-size:12px">XXXXXXXXXXX</span>
                      </div>
                  </div>
                  <img src="/pages/images/kefu/tel2.png" width="47" height="49" class="shows" />
              </a>
          </li>
          <li id="btn">
              <a id="top_btn">
                  <div class="hides" style="width:161px;display:none">
                      <img src="/pages/images/kefu/end1.png" width="161" height="49" />
                  </div>
                  <img src="/pages/images/kefu/end2.png" width="47" height="49" class="shows" />
              </a>
          </li>
      </ul>
      </div>

      <!-- 右侧service -->
      <script type="text/javascript">
        $(function() {
            $("#service a").hover(function() {
                if ($(this).prop("className") == "weixin_area") {
                    $(this).children("img.hides").show();
                } else {
                    $(this).children("div.hides").show();
                    $(this).children("img.shows").hide();
                    $(this).children("div.hides").animate({marginRight: '0px'}, '0');
                }
            }, function() {
                if ($(this).prop("className") == "weixin_area") {
                    $(this).children("img.hides").hide();
                } else {
                    $(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {
                        $(this).hide();
                        $(this).next("img.shows").show();
                    });
                }
            });

            $("#top_btn").click(function() {
                $("html,body").animate({scrollTop: 0}, 600);
            });

            //右侧导航 - 二维码
            $(".weixin_area").hover(function() {
                $(this).children(".weixin").show();
            },function(){
                $(this).children(".weixin").hide();
            })
        });
      </script>
    </footer>
    <!--Footer Wrap End-->
    
  </div>
  <!--gt Wrapper End-->

  <!--Jquery Library-->
  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <!--Bootstrap core JavaScript-->
  <script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
  <!--Custom JavaScript-->
  <script src="/pages/js/custom.js"></script>
  <script src="/pages/js/jquery.cookie.js"></script>

</body>
</html>
